<h1 style='color:red'>Hello,dange</h1>
<!-- 新增时间显示区域 -->
<div id="time" style="font-size: 18px; margin: 10px 0;"></div>

<button id='b1'>点点我!</button>
<br>
<!-- 初始图片：引用本地 images 目录下的 OK.png -->
<img id='i1' src="./images/OK.png" >

<script>
// 时间显示功能
function displayTime() {
    const date = new Date();
    // 获取年月日
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，补0
    const day = String(date.getDate()).padStart(2, '0'); // 日期补0
    
    // 获取星期（0-6，对应日-六）
    const week = "日一二三四五六".charAt(date.getDay());
    
    // 获取时分秒（补0）
    const hour = String(date.getHours()).padStart(2, '0');
    const minute = String(date.getMinutes()).padStart(2, '0');
    const second = String(date.getSeconds()).padStart(2, '0');
    
    // 拼接时间字符串
    const timeStr = `${year}-${month}-${day} 星期${week} ${hour}:${minute}:${second}`;
    // 更新到页面
    document.getElementById('time').textContent = timeStr;
}

// 初始化时间并每秒更新
displayTime(); // 首次加载立即显示
setInterval(displayTime, 1000); // 每秒更新一次

// 图片切换功能（原有功能保留）
document.getElementById('b1').onclick = function() {
    document.getElementById('i1').src = './images/lhc.jpg';
};
</script>
